<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="button" value="get提交" id="getButton">
    <input type="button" value="post提交" id="postButton">

    <script>
        var getButton = document.querySelector("#getButton");
        var postButton = document.querySelector("#postButton");

        //  ajax get提交方式
        getButton.onclick = function () {
            var ajaxGet = new XMLHttpRequest();
//           参数设置在url后面进行拼接
            ajaxGet.open('get','GetTestPhp.php?name=lwh&age=123');
            ajaxGet.send();
            ajaxGet.onreadystatechange = function () {
                if(ajaxGet.readyState == 4 && ajaxGet.status == 200) {
                    console.log(ajaxGet.responseText);
                };
            };
        };

        //ajax post提交方式
        postButton.onclick =function () {
            var ajaxPost = new XMLHttpRequest();
            ajaxPost.open('post','PostTestPhp.php');
//           如果post提交需要传值得话一定要添加下面这条语句
            ajaxPost.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//            post方式提交入如果有参数直接在send方法中传入拼接好的字符串
            ajaxPost.send('name=lwh&age=123');
            ajaxPost.onreadystatechange = function () {
                if(ajaxPost.readyState == 4 && ajaxPost.status == 200) {
                    console.log(ajaxPost.responseText);
//                    也可以直接使用xml解析的方式，将xml文件中的标签解析取值
//                    console.log(ajaxPost.responseXML);
                }
            };
        };

    </script>
</body>
</html>
